html {    font-size:          17px; }




body { direction: rtl; margin: 0px; color: #3c3c3c; background-color: #ffffff; font-family: 'RaananRegular', 'RopaSans-Regular'; font-size: 20px; letter-spacing: -0.6px; }
h1, h2, h3, h4, h5, h6{
    font-family:        'RaananSuperRegular', 'RopaSans-Regular', arial;
    color:  inherit;
}

table   { 
    padding:            0px; 
    margin:             0px;
}

td  { 
    vertical-align:     top; 
    padding:            0px;
}

p   {
    direction:          rtl;
    margin-top:         0px;
    margin-bottom:      0px;
    color: inherit;
}
ul, ol, dl{
    font-size:100%;
    margin-right:1.4rem;
}
p {font-size: 110%;line-height: 150%;}
img { max-width:100%; }
input[type="text"], input[type="password"]  { outline: none; }
input[type="password"] { font-family:Arial; }

textarea    { outline: none; }
button, .button { font-family: 'RaananRegular', 'RopaSans-Regular'; }
span.fixEn { direction: ltr; display: inline-block; margin: 0; -webkit-transform: none; }
a, a:hover, a:focus { color: #3c3c3c; }

/*------------------------------------*\
   SiteGrid
\*------------------------------------*/
.bounce-up {transition: all 200ms ease-out;-webkit-transition: all 200ms ease-out;}
.bounce-up:hover {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
.bounce-up > *{transition: all 200ms ease-out;-webkit-transition: all 200ms ease-out;}
.bounce-up:hover > *{    box-shadow: 0px 4px 25px 0 rgba(0, 0, 0, 0.30);-moz-box-shadow: 0px 4px 25px 0 rgba(0, 0, 0, 0.30);-webkit-box-shadow: 0px 4px 25px 0 rgba(0, 0, 0, 0.30);}
#SiteContainer          {  }

#SiteHeaderContainer    {color:#000000;padding: 0px 25px;position:  fixed;z-index: 3;background:  #fff;width: 100%;-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);}
#SiteGridContainer      {position:  relative;top: 100px;}
#SiteFooterContainer { margin-top: 160px; position: relative; background-color: #fff; }
#SiteFooterContainer:before, #SiteFooterContainer:after { content: ""; position: absolute; top: -100px; background-size: contain; z-index: -1; }
#SiteFooterContainer:before { right: 0; width: 156px; height: 304px; background-image: url(../../../000Frames/site/images/footer_right.png); }
#SiteFooterContainer:after { left: 0; width: 211px; height: 273px; background-image: url(../../../000Frames/site/images/footer_left.png); }

#SiteHeader             {max-width: 100%;margin-left: auto;margin-right: auto;}

#SiteGrid               {max-width: 100%;padding:0px;margin:0 auto;overflow:hidden;}

#GridRight              { float:right; width:250px; margin-left:40px; }
#GridPage               {float:right;width: 100%;}
#GridLeft               { float:right; display:none; }
#GridTop                {  }
#GridContent            {margin:  0 auto;}
#GridFooter             {  }

#PageLeft               { }
#PageRight              { }
#PageMenu               { }
#PageHeader             { }
#PageContent            { }
#PageKdm                { }
#PageFooter             { }

#PageView {max-width: 1170px;margin: 0 auto;    padding-bottom: 60px;}


#SiteGridBeforeImg {height: 100%;overflow: hidden;background-position: center;}
#SiteGridBeforeImg:before{content: "";position: absolute;width: 100%;height: 100%;background-image: linear-gradient(to right, rgba(47, 50, 58, 0.0), rgba(47, 50, 58, 0.3));}
#SiteGridBeforeH1 {width: 1170px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);font-size: 400%;color: #fff;padding: 0;line-height: 100%;margin: 0;}
#SiteGridBefore { position: relative; height: 411px; display: none; margin-bottom: 10px; }

section.row, section {margin:  0 auto; float: none;}
section.moreArticlesWrapper {max-width:  100%;    padding-bottom: 12px}
section.moreArticlesWrapper > div {max-width:  1170px;}


@media (max-width: 1170px)  { 
    #GridLeft           { display:none; } 
    #SiteGridBeforeH1{ max-width: 90%;}
}

@media (max-width: 1170px) {
    #SiteHeaderContainer    {padding:0 15px;position: fixed;width: 100%;background:  #fff;z-index:  4;}
    
    #PageView {max-width:95%}
    section.row, section            { max-width:95%;}
}

@media (max-width: 991px)  { 
    #GridPage               { float:none; width:100%; }
    #SiteGridContainer { top: 85px; }
}

@media (max-width:767px) {
     #GridRight             { float:none;width:100%; margin:0 auto; }
     #SiteHeader            { margin-top:0px; }
     section.row, section   { max-width: 100%; }
    #SiteGridContainer { top: 75px; }
    #PageView { max-width: 90% }
     #SiteGridBefore{margin-bottom:10px;height: 250px;}
     #SiteGridBeforeH1{font-size:220%;    max-width: 95%;}
    #SiteFooterContainer { margin-top: 140px; }
    #SiteFooterContainer:before { width: 118px; height: 244px; top: -65px; }
    #SiteFooterContainer:after { width: 140px; height: 185px; top: -70px; }
}



/*------------------------------------*\
    Top Bar Select In Mobile 
\*------------------------------------*/

@media (max-width:767px) { #side-collapse-menu {width:100%} }

/*------------------------------------*\
    Top Bar Search 
\*------------------------------------*/

#search_form_header {margin-top: 10px;}
#search_form_header_input_continer { float: left; margin-left: 15px; }

@media(max-width:767px){
#search_form_header_input_continer       { text-align: center;display: inline-block;margin: 0 auto;width: 100%; }
#search_form_header_input                { display:inline-block; }
#search_form_header_submit               { width: 40px;display: inline-block; }
}



/*------------------------------------*\
    Accordion - FAQ
\*------------------------------------*/
.faq_accordion { padding-bottom: 30px; }

.accordion { }
.accordion .panel {border:0px; border-radius:0; border-top:1px solid #ECECEC;box-shadow:none; -webkit-box-shadow:none;-moz-box-shadow:none;padding:14.5px 0; margin:0;   }
.accordion .panel:nth-child(2n) {background-color:#EDEDED;}
.accordion .panel:last-child {border-bottom:1px solid #ddd;}
.accordion .panel-title {width:95%;}
.accordion .panel-title>a { width: 100%; right: 0; top: 0;  font-size:24px; font-family:'RaananSuperRegular','RopaSans-Regular',arial; }
.accordion .panel-title>a:hover { text-decoration:none; }
.accordion .panel-title>a:focus { text-decoration:none; }
.accordion .panel-collapse.collapse.in {   }
.accordion .panel-default>.panel-heading { color: #333; background-color: transparent; border-color: #ddd; position:relative; margin-bottom:10px; margin-top:10px; margin-right:15px; } 
.accordion .panel-heading { padding: 10px 15px; border-bottom: 0;border-radius: 0px; }
.accordion .panel-title>a:after { content: " "; display: block;width: 20px; height: 20px; float: left; background-image:url('../../../000Frames/site/images/plus.png');background-position: center center; background-repeat: no-repeat; }
.accordion .panel-title > a[aria-expanded~=true]:after {background: url('../../../000Frames/site/images/minus.png'); background-repeat: no-repeat; background-position: center center;  }
.panel.panel-default div p { font-size: 21px; padding-right: 50px; padding-left: 165px; line-height: 27px; /*padding-top: 20px; padding-bottom: 20px;*/ }

@media(max-width:767px){
    .panel.panel-default div p {padding-left:0;padding-right:30px;padding-top:5px;width:90%;}
    .accordion .panel-title>a:after {position:absolute;left: 7px; top: 50%; transform: translate(0,-50%);-webkit-transform:: translate(0,-50%); }
    .accordion .panel-default>.panel-heading {padding-right:0;}
    .accordion .panel-title>a {padding-right:0; font-size:20px;font-weight:bold;}
}


/*------------------------------------*\
    Carousel - FAQ
\*------------------------------------*/

.owl-carousel { margin-top: 30px;margin-bottom: 30px; direction:ltr;}
.owl-nav {  }
.owl-item {text-align:center; height:400px; overflow:hidden; }
.owl-item .item { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-next { position: absolute; left: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-prev { position: absolute; right: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }



@media(max-width:991px) { 
.owl-item .item { margin: 0 auto; text-align: center; max-width: 250px !important;
 position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); 
                }
}



/*------------------------------------*\
   lightbox Gallery
\*------------------------------------*/
.lightbox-gallery .lightbox-gallery-loader {position: absolute; top: 50%; /* display: none; */ left: 50%; z-index: 10;}
.lightbox-gallery .lightbox-gallery-item

/*------------------------------------*\
    lightbox Gallery Video
\*------------------------------------*/

.lightbox-galleryVideo .lightbox-gallery-loader {position: absolute; top: 50%; left: 50%; z-index: 10;}
.lightbox-galleryVideo .lightbox-gallery-item {}


.popUpVideo .modal-header {border:none;}

.popUpVideo .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.popUpVideo .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.popUpVideo .modal-content {
    width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
    background: none;
    box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px;
    border: none;
}


.popUpVideo .modal-body iframe {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

.popUpVideo .modal-backdrop.fade.in {
    z-index: 0;
}
.popUpVideo .close {opacity:1 !important; color:#fff; }

.popUpVideo .modal-backdrop.in { filter: alpha(opacity=50); opacity: .9; }

#VideoModal .modal-dialog { width: auto; height: auto; padding: 0; position: absolute; top: 50%; left: 50%; display: inline-block; margin: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#VideoModal .modal-backdrop.in { filter: alpha(opacity=75); opacity: .75; }
#VideoModal .modal-content { display: inline-block; background-color: transparent; box-shadow: none; border: none; }
#VideoModal .modal-body { padding: 0; }
#VideoModal .modal-body iframe { width: 85vw; height: 48vw; max-height: 670px; border: none; background-color: transparent; max-width: 1170px; }

.video-close-icon { position: relative; width: 40px; height: 40px; margin: 0 auto 10px; }
.video-close-icon:before, .video-close-icon:after { content: ""; position: absolute; left: 50%; width: 2px; height: 40px; background-color: #fff; -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
.video-close-icon:after { transform: rotate(45deg) }

/*------------------------------------*\
   Breadcrumbps
\*------------------------------------*/

#PageBreadCrumps    { margin-bottom: 30px; display: none; }
#PageBreadCrumps a br   {display:none}
@media(max-width:991px){#PageBreadCrumps{margin-bottom:10px;margin-top:10px;}}
    
#PageBreadCrumps a:link         {color: #5A5B5E;text-decoration: none !important;display: inline-block;padding-right: 25px;background-repeat: no-repeat;background-position: 50px 12px;position:  relative;}

#PageBreadCrumps a:link:not(:first-child):after {content:  "";background-image: url(../images/breadcrumbs-arrow.png); */width:10px;height: 6px;width: 3px;position:  absolute;right: 12px;top: 13px;z-index: 0;}
#PageBreadCrumps a:first-child  { background-image: none; padding-right: 0; }
#PageBreadCrumps a:visited      { color: #5A5B5E; text-decoration: none !important; font-size: 100%; }    
#PageBreadCrumps a:hover        { color: #5A5B5E; text-decoration: underline; font-size: 100%; }


@media(max-width:767px){
    #PageBreadCrumps a:link{font-size:90%;}
}
/*------------------------------------*\
    Directory/Side Menu
\*------------------------------------*/

#rightMenu              {  }
#rightMenu .menuHead { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .menuLink { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .selected { color: red; }
#rightMenu .navbar-default {border:0; background-color:transparent;}
#rightMenu .navbar {min-height:0; margin-bottom:0;}
#rightMenu .navbar-header {float:right;}

@media(max-width:767px){ #rightMenu .navbar-header {float: none; width: 100%; margin: 0;} }
/*------------------------------------*\
    Contact Form
\*------------------------------------*/

.mrw-dynamic-form {
    position:relative;
}

.mrw-dynamic-form .form-messages,
.mrw-dynamic-form .form-messages .loading,
.mrw-dynamic-form .form-messages .success,
.mrw-dynamic-form .form-messages .error {
    display: none;
    color: #BA975D;
    z-index: 9999;
}

.mrw-dynamic-form .form-messages {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(255,255,255,0.8);
}

.mrw-dynamic-form .error-message    { color:red; display:none; }
.mrw-dynamic-form .mrw-form-label   { font-weight:normal; }
.mrw-dynamic-form .form-group > div { margin-bottom:15px; }
.mrw-dynamic-form .form-control {
    border: 1px solid silver;
    color: #000;
    background: none;
    font-size:100%;
    padding-right: 10px;
    position: relative;
    cursor: text !important;
    background: none !important;
 }

.mrw-dynamic-form label.error      { color:red; position:absolute; top:0px; left:15px; font-weight:normal; }
.mrw-dynamic-form .form-control.error { border-color:red; }


/*------------------------------------*\
    Contact Form Wiget
\*------------------------------------*/


#contact-form-wiget .mrw-form-label         { }
#contact-form-wiget .form-control           { }
#contact-form-wiget .form-submit            { }

@media(max-width:991px) {
    #contact-form-wiget { display: none; }
}

/*------------------------------------*\
    Login Box
\*------------------------------------*/



#loginBox   { text-align:center; background-color:#1c1c1c; padding:15px; }

#loginBox .loginBox-guest-hello     { color:#F68B1F; line-height:24px; margin-bottom:10px; }
#loginBox .firstSentence      { font-size:130%; }
#loginBox .secondSentence     { font-size:165%; }

#loginBox #LoginBox-Buttons         { padding-top:20px; }
#loginBox #LoginBox-Buttons a       { display:inline-block; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:120%; padding:2px 18px; margin:0px 5px; text-decoration:none; cursor:pointer; }

#loginBox #LoginBox-SignIn          {  width:100%; margin-left:auto; margin-right:auto;  overflow:auto; }
#loginBox #LoginBox-SignIn .login-field     { margin-bottom:12px; border-radius:3px; border: none; width:100%; padding:5px 10px 4px 10px; }
#loginBox #LoginBox-SignIn .login-submit    { float:left; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:120%; padding:2px 18px; cursor:pointer; text-decoration:none; }

#loginBox #LoginBox-SignIn .forgetPass      { float:left; text-decoration:underline; color:#F68B1F; padding-top:10px; font-size:90%; }
#loginBox #LoginBox-SignIn .user-register      { float:right; text-decoration:underline; color:#F68B1F; padding-top:10px; font-size:90%; }

#loginBox .loginBox-user-hello      { color:#F68B1F; line-height:24px;  }
#loginBox .loginBox-user-buttons    { padding-top:20px; }
#loginBox .loginBox-user-buttons a  { display:inline-block; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:110%; padding:2px 12px; margin:0px 2px; text-decoration:none; cursor:pointer; margin-bottom:10px; }





/*------------------------------------*\
   Bootstrap dropdown animation
\*------------------------------------*/

.dropdown .dropdown-menu {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open .dropdown-menu {
    max-height: 200px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    opacity: 1;
}


/*------------------------------------*\
   BASE PAGE VIEW
\*------------------------------------*/


#anchor         { margin-bottom: 15px; margin-top: -5px; font-size: 90%; }


.sectiontTitle h2 {margin: 72px auto;text-align:  center;font-size: 300%;line-height: 0.4;font-family: 'RaananSuperBold','RopaSans-Regular',arial;}

#subheadline h2, .Text1 h2, .Text2 h2 {margin: 0;padding: 0;font-size: 170%;font-weight: normal;margin-bottom:30px;font-family: 'RaananSuperBold','RopaSans-Regular',arial;}
/*#subheadline h2:after, .Text1 h2:after,.Text2 h2:after {content: "";display:  block;width: 100px;height: 3px;mix-blend-mode: undefined;background-image: linear-gradient(to left, #c52759, #0091b5 99%);}*/
.Text2 h2 {margin-top: 40px;}

#writer         {display:inline-block;margin: 5px 0 20px 30px;}
#dateOn         {display:inline-block;margin-bottom:20px;}
#writer img, #dateOn img{width: 16px;}
#text1          { margin-top: 20px; margin-bottom:  20px; }
#text1 strong   { }
#text1 p        {line-height:120%}


#video video    { width: 100%; height: auto; }

#remarks        { font-size: 90%; }

span.symbol {font-size: 40%;vertical-align: 50%;}

.picD           { width: auto; height: auto; margin-bottom: 15px; margin-top: 15px; }



#body {max-width: 850px;font-size: 100%;}
#lobby          { margin-bottom:30px; }
#lobby h3 {font-family: 'RaananSuperBold','RopaSans-Regular',arial;color: #b4204f;font-size: 120%;margin:  0;margin: 5px 0;}
#body h4 {font-size: 120%;margin: 0;line-height:1.2;}
strong{font-family: 'RaananSuperBold','RopaSans-Regular',arial;font-weight:normal;}

#lobby ol {list-style: none; counter-reset: li}
#lobby ol> li::before {content: counter(li)"."; color: #b4204f;  display: inline-block; width: 1em;  margin-right: -1em}
#lobby ol > li {counter-increment: li;line-height: 1.2;padding: 4px 0 10px 0;}
#lobby ol li ul {margin: 0;list-style-type: disc;line-height: 1.2;}
#lobby .Text2 ul {list-style: none;}
#lobby .Text2 ul li:before {content: "●";font-size: 60%;color:  #007794;position:  absolute;right: -13px;line-height: 2;}
#lobby .Text2 ul li {position:  relative;}

.generalBtn, input[type="submit"].generalBtn { transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; width: 249px; height: 50px; border-radius: 25px; background-color: #9d2190; font-size: 26px; text-align: center; color: #ffffff; display: block; vertical-align: middle; line-height: 50px; margin: 60px auto 6px; border: none; }
.generalBtn:hover,input[type="submit"].generalBtn:hover,
.generalBtn:focus,input[type="submit"].generalBtn:focus{ background: #ae2667; }

.Text1 p, .Text2 p,  #lobby h3,#lobby ol{line-height: 1.2;}
#lobby ol{font-size:110%;}
@media(max-width:1170px){
    #headline{max-width:90%}
}
@media (max-width:991px){
    .sectiontTitle h2{font-size:250%;margin: 100px auto 57px;}
      .Text1 p, .Text2 p,  #lobby h3,#lobby ol{line-height: 1.3;}
}
@media (max-width:767px){
    .sectiontTitle h2{font-size:180%;line-height: 1;margin: 50px auto 10px;    max-width: 278px;}
    .allArticles{width: auto;padding: 0 35px;}
    #headline{max-width:95%}
    #headline h1{font-size:220%;}
    .topImage{margin-bottom:40px;height: 250px;}
    .Text1 p, .Text2 p {font-size: 95%;}
    #lobby h3, #lobby h4{font-size: 100%;}
    #lobby ol {font-size: 19px;}
    .Text1 p, .Text2 p,  #lobby h3,#lobby h4,#lobby ol{line-height: 1.3;}
    #writer{margin:0px;}
    }

/*------------------------------------*\
    #General Classes 
\*------------------------------------*/

.max-width { max-width: 1200px; }

.no-marg   { margin: 0px; }

.no-pad    { padding: 0px; }

.p-vert    { display: table; }

.c-vert    { display: table-cell; vertical-align: middle; }

.f-h       { height: 100%; }

.f-w       { width: 100%; }

.margin-auto { margin:0 auto }

@media (max-width: 767px)  { 
    .row > div      { padding:0px 5px; }
}



/*------------------------------------*\
    #modal
\*------------------------------------*/

.modal-vertical-align   { display: table; height: 100%; width: 100%; pointer-events: none; }
.vertical-align-center  { display: table-cell; vertical-align: middle; pointer-events: none; text-align:center; }

#mrw-modal-1    { }
#mrw-modal-1 .modal-content     { border-radius:0px; background-color:transparent; display:inline-block; pointer-events: all; }

#GenderPopUp.modal .modal-dialog { position: absolute; top: 45%; left: 50%; margin: 0; -o-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#GenderPopUp.modal.in .modal-dialog { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#GenderPopUp.modal .modal-content { border: none; border-radius: 30px; -webkit-box-shadow: -14.1px 14.1px 40px 0 rgba(60, 60, 60, 0.3); box-shadow: -14.1px 14.1px 40px 0 rgba(60, 60, 60, 0.3); }
#GenderPopUp.modal .modal-body { text-align: center; padding: 43px 0; }
/*#GenderPopUp.modal .modal-body .pop-title { margin-bottom: 35px; }*/
#GenderPopUp.modal .modal-body .pop-title h4 { color: #9c268f; font-size: 200%; margin: 0; letter-spacing: -1.2px; line-height: 1; }
#GenderPopUp.modal .modal-body .pop-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#GenderPopUp.modal .modal-body .pop-buttons a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: solid 1px #4f4f4f; color: #3c3c3c; margin: 0 15px; letter-spacing: -0.6px; border-radius: 50%; width: 120px; height: 120px; padding: 10px 15px; }
#GenderPopUp.modal .modal-body .pop-buttons a:hover { text-decoration: none; }
#GenderPopUp.modal .modal-body .pop-buttons a svg { width: 50px; height: 50px; }
#GenderPopUp.modal .modal-body .pop-buttons a span { height: 24px; }

@media(max-width: 767px) {
    #GenderPopUp.modal .modal-body .pop-buttons { -ms-flex-wrap: wrap; flex-wrap: wrap; }
    #GenderPopUp.modal .modal-dialog { width: 85vw; margin: 0; }
    #GenderPopUp.modal .modal-body .pop-title h4 { font-size: 160%; }
    #GenderPopUp.modal .modal-body .pop-buttons a { width: 100px; height: 100px; margin: 0 10px; }
    #GenderPopUp.modal .modal-body .pop-buttons a svg { width: 40px; height: 40px; }
}

/*------------------------------------*\
    #Grids
\*------------------------------------*/


.grid-view .grid-box { /*border-bottom: 1px solid #ddd;*/ margin-bottom: 30px; text-align: center;  }
.grid-view .grid-box-image      { padding-bottom:56%; position:relative; overflow:hidden; }
.grid-view .grid-box-image a    { display:block; position:absolute; left:0px; bottom:0px; right:0px; top:0px; }
.grid-view .grid-box-image img  { margin: 0 auto; max-width:100%; }



.grid-view.center-elements .row         { font-size:0px; text-align:center; }
.grid-view.center-elements .row > div   { display:inline-block; float:none !important; vertical-align:top; font-size:1rem; }






/*------------------------------------*\
    Fonts
\*------------------------------------*/

	@font-face {
    font-family: 'RaananSuperLight';
    src: url('../Fonts/RaananSuperLight.eot');
    src: url('../Fonts/RaananSuperLight.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/RaananSuperLight.woff') format('woff'),
         url('../Fonts/RaananSuperLight.svgz#RaananSuperLight') format('svg'),
         url('../Fonts/RaananSuperLight.svg#RaananSuperLight') format('svg');
    font-weight: lighter;
    font-style: normal;
    unicode-range: U+590-5ff,U+000-03F; 

}

    	
	@font-face {
    font-family: 'RaananSuperRegular';
    src: url('../Fonts/RaananSuper.eot');
    src: url('../Fonts/RaananSuper.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/RaananSuper.woff') format('woff'),
         url('../Fonts/RaananSuper.svgz#RaananSuperRegular') format('svg'),
         url('../Fonts/RaananSuper.svg#RaananSuperRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+590-5ff,U+000-03F; 

}

    	
	@font-face {
    font-family: 'RaananSuperBold';
    src: url('../Fonts/RaananSuperBold.eot');
    src: url('../Fonts/RaananSuperBold.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/RaananSuperBold.woff') format('woff'),
         url('../Fonts/RaananSuperBold.svgz#RaananSuperRegular') format('svg'),
         url('../Fonts/RaananSuperBold.svg#RaananSuperRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+590-5ff,U+000-03F; 

}

@font-face {
    font-family: 'RaananRegular';
    src: url('../Fonts/RaananRegular.eot');
    src: url('../Fonts/RaananRegular.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/RaananRegular.woff') format('woff'),
         url('../Fonts/RaananRegular.svgz#RaananSuperRegular') format('svg'),
         url('../Fonts/RaananRegular.svg#RaananSuperRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+590-5ff,U+000-03F; 

}

@font-face {
    font-family: 'RopaSans-Regular';
    src: url('../Fonts/RopaSans-Regular.eot');
    src: url('../Fonts/RopaSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/RopaSans-Regular.woff') format('woff'),
         url('../Fonts/RopaSans-Regular.svgz#RaananSuperRegular') format('svg'),
         url('../Fonts/RopaSans-Regular.svg#RaananSuperRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*------------------------------------*\
    PopUp Feature
\*------------------------------------*/

#popup-modal .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

#popup-modal .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    z-index:99999;
}
    
#popup-modal .modal-header {
    border: none;
    padding: 0px;
}

#popup-modal .close {
    display: block;
    float: none;
    margin: 0 auto;
    opacity: 1;transform: translateX(-50%);-webkit-transform:translateX(-50%);
    left: 50%;right:auto; 
}

#popup-modal .close span {
    color: #fff;
}

#popup-modal .modal-body {
    text-align: center;
}

#popup-modal .modal-content {
    border: 0px;
    background-color: transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;width: auto;
    max-width: 90vw;
}


.vertical-alignment-helper { display: table; height: 100%;width: 100%; }
.vertical-align-center     { display: table-cell;vertical-align: middle; }




/*------------------------------------*\
    GALLERY COMPONENTS - lightBox
\*------------------------------------*/



.lightbox-gallery       { position:relative; min-height:250px; }
.lightbox-gallery-item  { display:none; text-align: center; padding-bottom: 7.5px; padding-top: 7.5px; }
.blueimp-gallery>.close, .blueimp-gallery>.title    { top:65px; display:block; }
.blueimp-gallery a.next         { display:block !important; }
.blueimp-gallery a.prev         { display:block !important; }
.blueimp-gallery ol.indicator   { display:block !important; }
.blueimp-gallery a.play-pause   { display:block !important; }





/*------------------------------------*\
    GALLERY COMPONENTS - #FLEX SLIDER 
\*------------------------------------*/


.flexslider {
    border: none;
    background: none;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,0);
    -o-box-shadow: 0 0px 0px rgba(0,0,0,0);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    overflow:hidden;
    border-radius: 0px;
}

.flexslider .flexslider-item {
    display: block;
    /*min-height: 200px;*/
    padding-bottom: 635px;
    background-size: cover;
    background-position: center center;
}

.flexslider .flex-control-nav { bottom:20px; z-index:2; }
.flex-control-paging li a.flex-active {background: #fff;background: rgba(255,255,255,1);cursor: default;}
.flex-control-paging li a {background: #fff;background: rgba(255,255,255,0.7);background:  transparent;border: 2px solid #fff;}
.flex-control-paging li a:hover{background:  #fff;}
.flexslider .flexslider-item {position:relative;}
.flexslider-item-content { position: absolute; right: 0; z-index: 9; top: 10%; right: 5%; padding: 15px; background: rgba(0,0,0,0.56); border-radius: 5px; }
.flexslider-item-title { text-align: right; color: #fff;font-size: 140%; }
.flexslider-item-description { text-align: right; color: #fff; }
.flexslider-item-readmore { text-align: right; color: #fff; font-size: 120%;}

@media(max-width:1440px){
    .flexslider .flexslider-item{    padding-bottom: 470px;}
}
@media(max-width:991px) {
.flexslider .flexslider-item { padding-bottom: 75%; }

}
@media(max-width:767px) {
.flexslider .flexslider-item { padding-bottom: 110%;    background-position-x: left; }
.flexslider .flexslider-item:after{content:"";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #000;opacity: 0.18;}
.flexslider .flex-control-nav {bottom: -10px;}

}

/*------------------------------------*\
    Footer Style 
\*------------------------------------*/
#SiteFooter             {margin-left: auto;margin-right: auto;overflow:hidden;background-color: #333;background-image: url(../../../000Frames/site/images/bg-logo-element.png);background-position: 50% 25%;background-repeat:  no-repeat;}
    #SiteFooter .footerContact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fff; margin-top: 60px; margin-bottom: 40px; margin: 0 auto; padding: 45px; }
#SiteFooter .footerlinksDesktop { overflow: hidden; }
#SiteFooter .footerBlock { float: right; padding-left: 60px; }
#SiteFooter .footerBlockContent p{font-size:110%}
#SiteFooter .footerBlockContent a{color: #fff;}
#SiteFooter .gsImg img{float: left;}
#SiteFooter .footerBlockTitle           { text-align:center; font-size: 140%; }
#SiteFooter .footerlinksDesktop.row { max-width:100%}
.footerBottom {width: 100%; background-color: #fff;padding: 25px 0;}
.footerText { max-width: 1090px; margin: 15px auto 0; padding: 0 15px 5px 15px; }
.footerBottom h5 {font-size: 125%;margin: 0;}
.footerBottom p { font-size: 100%; line-height: 1.25; margin-top: 2px; }
.footerBottom .clrImg { direction: ltr; margin-top: 15px; }
.footerBottom .clrImg img {max-width: 150px;}

.footer-lang-list { list-style: none; margin: 0; }
.footer-lang-list > li { display: inline-block; line-height: 1; vertical-align: middle; height: 18px; }
.footer-lang-list > li:not(:last-of-type) { margin-left: 5px; padding-left: 5px; border-left: 1px solid #fff; }

.footer-socials > ul { display: flex; align-items: center; list-style: none; }
.footer-socials > ul > li:not(:last-child) { margin-left: 8px; }
.footer-socials > ul > li > a svg { width: 20px; height: 20px; }
.footer-socials > ul > li > a.footer-facebook-icon { }
.footer-socials > ul > li > a.footer-youtube-icon { }

@media(max-width: 1170px) { 
    #SiteFooter .footerContact { padding: 45px; }
}

@media(max-width:767px){
    #SiteFooter{    background-size: 230%;}
    #SiteFooter .gsImg img{max-width: 140px;float: none;}
    .footerBottom .clrImg img {margin: 0 auto 30px;display: block;    max-width: 100px;}
    .footerText { text-align: center; margin-top: 15px; margin-bottom: 15px; font-size: 90%; padding: 0; }
        .footerText h5 { margin: 0 0 5px 0; font-size: 110%; line-height: 1; }
    .footerText p {line-height: 1.2;font-size:  80%;}

    #SiteFooter .footerlinksDesktop { padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    #SiteFooter .footerBlock { padding: 0; width: 100%; }
    #SiteFooter .footerBlockContent p { font-size: 100%; }

    .footer-socials > ul > li:not(:last-child) { margin-left: 8px; }
}

@media(max-width: 375px) {
    #SiteFooter .footerBlockContent p { font-size: 95%; }
    .footerText h5 { font-size: 105%; }
}

/*------------------------------------*\
    UnderFooter Style 
\*------------------------------------*/

#UnderSiteFooterContainer { background: #f4f4f4;clear:  both;}
#UnderSiteFooter {padding: 12px 20px;}
#UnderSiteFooter .creditLogo {height: 13px;}

@media (max-width:767px){
    #SiteFooter .footerContact{    padding: 25px 0;}
    .footerBottom{padding:15px 0; }
    .footerBottom .clrImg img{margin-bottom:15px;}
}
/*------------------------------------*\
    Bootstrap - 5 Cols Fix
\*------------------------------------*/

.container { max-width: 1200px; width: 100%; padding: 0 15px; }
.row {max-width: 100%;}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {

.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/*------------------------------------*\
    BootBox - Js Modals
\*------------------------------------*/

.bootbox { text-align: center; }
.bootbox .modal-footer { text-align:center; }
.bootbox .modal-footer button { margin:10px; }
.bootbox .modal-footer .btn+.btn {margin-bottom:10px;}
.bootbox .modal-dialog { position: fixed; left: 50%; top: 50%; /* margin-left: -300px; */ transform: translate(-50%,-50%) !IMPORTANT; margin: 0; }

@media(max-width:767px){
    .bootbox .modal-dialog { width: 80%; }
}


.fadeInElement  { opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px); }

.grid-box-title {color: #b4204f;font-size: 130%;margin: 0;line-height: 110%;}
.ArticlesSummary {color: #747c83;font-size:  93%;line-height: 100%;margin-top: 10px;margin-bottom: 2px;}
.ArticlesFirstReadMore {color: #007794;}
.grid-box-image {height:  200px;}
.grid-box-image > div {height:  100%;width: 100%;background-size: cover;}
.grid-box-image > div.videoIcon {position:  absolute;width: 100px;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);height:  100px;z-index:2}
.grid-box-image > div.audioIcon {position:  absolute;width: 40px;bottom: 12px;left: 12px;height: 40px;z-index:2}
.grid-box-content {padding: 13px;}
.grid-box {margin-top: 30px;}

@media(min-width:768px){
    .grid-box .grid-box-wrapper {background: #f4f4f4;width: 100%;height: 390px;}
    .bigFirstArticle .ArticlesFirstBox{margin-top: 0;}
    .bigFirstArticle .ArticlesFirstBox .grid-box-image{height:  100%;}
    .bigFirstArticle .ArticlesFirstBox .grid-box-wrapper {height:  400px;}
    .bigFirstArticle .ArticlesFirstBox.ArticlesFirstBox .grid-box-title {font-size: 250%;line-height: 100%;}
    .bigFirstArticle .ArticlesFirstBox .ArticlesSummary {font-size: 110%;line-height: 120%;margin-top:  13px;margin-bottom:  10px;}
    .bigFirstArticle .ArticlesFirstBox .ArticlesFirstReadMore {font-size: 110%;}
    .bigFirstArticle .ArticlesFirstBox .grid-box-content {position:  absolute;left: 0px;padding: 26px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);height:auto;}
    .row:not(.bigFirstArticle) .grid-box1{width: 33.33%;}
    .row:not(.bigFirstArticle) .grid-box1 .grid-box-image {width: 100%;}
    .row:not(.bigFirstArticle) .grid-box1 .grid-box-content {width: 100%;}
    .grid-box .grid-box-image:after{content:  "";background: rgba(0, 0, 0, 0.1);position:  absolute;width: 100%;height:  100%;top: 0;transition: all 200ms ease-out;-webkit-transition: all 200ms ease-out;opacity:0}
    .grid-box:hover .grid-box-image:after {opacity:1}
}
@media(max-width:1170px) and (min-width:992px){
    .grid-box .grid-box-wrapper {height: 400px;}
    .bigFirstArticle .ArticlesFirstBox .ArticlesSummary{padding-left: 40px;}
}
@media(max-width:991px) and (min-width:768px){
    .bigFirstArticle .ArticlesFirstBox.ArticlesFirstBox .grid-box-title { font-size: 173%;}
    .bigFirstArticle .ArticlesFirstBox .ArticlesSummary{font-size:100%;}
    .bigFirstArticle .ArticlesFirstBox .grid-box-wrapper,
    .grid-box .grid-box-wrapper{height: 335px;}
    .limitedList .grid-box4 {display: none;}
    .grid-box {margin-top: 23px;padding: 0 12px;}
    .grid-box-content {padding: 9px;height: 135px;}
    .grid-box-title{font-size: 120%;}
    .row:not(.bigFirstArticle) .grid-box1{width: 50%;}
}

@media(max-width:767px){
    .grid-box-content {background:  #f4f4f4;}
}

.page-top-bg { position: absolute; top: 0; left: 0; width: 100%; height: 640px; background-size: cover; background-position: bottom; background-repeat: no-repeat; z-index: -1; }
.page-banner { padding-top: 70px; }
.page-banner-inner.container, .guide-tabs.container, .content-page-container.container { max-width: 1030px; }
.page-banner-box { height: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 45px; border-radius: 30px; box-shadow: -14.1px 14.1px 40px 0 rgba(60, 60, 60, 0.3); background-color: #9c268f; }

.page-banner-content { text-align: center; display: flex; align-items: center; }
.page-banner-content h1, .page-banner-content h2 { font-size: 300%; color: #fff; margin: 0; }

.page-banner-buttons .nav-tabs { border-bottom: none; margin: 0; }
.page-banner-buttons .nav-tabs > li { margin: 0 10px; }
.page-banner-buttons .nav-tabs > li > a { border: 1px solid #fff; color: #fff; border-radius: 25px; width: 220px; height: 50px; padding: 12px 15px; }
.page-banner-buttons .nav-tabs > li > a svg { width: 24px; height: 24px;  fill: #fff;}
.page-banner-buttons .nav-tabs > li.active > a, .page-banner-buttons .nav-tabs > li.active > a:hover, .page-banner-buttons .nav-tabs > li.active > a:focus { color: #3c3c3c; }
    .page-banner-buttons .nav-tabs > li.active > a svg { fill: #3c3c3c; }
.page-banner-buttons .nav > li:not(.active) > a:hover, .nav > li:not(.active) > a:focus { background-color: inherit; }

.audioplayer{direction:ltr;max-width: 420px;height: 70px;}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {border-left-color: #007794;}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause {border-color: #007794;width: 40px;height: 40px;}
.audioplayer-playing .audioplayer-playpause {width: 40px;height: 40px;}
.audioplayer-volume-adjust div div {background-image: linear-gradient(to left, #c52759, #0091b5 99%);}
.audioplayer-time, .audioplayer-time-duration {font-size: 100%;}
.audioplayer-bar-played {background-image: linear-gradient(to left, #c52759, #0091b5 99%);}
.audioplayer-playing .audioplayer-bar-played::after, .audioplayer-playing .audioplayer-playpause { border-color: #c52759;}
.audioplayer-playing .audioplayer-playpause a::before, .audioplayer-playing .audioplayer-playpause a::after {background-color:#c52759;}

.content-page-wrapper { border-radius: 10px; padding: 60px 100px; box-shadow: -4.2px 4.2px 40px 0 rgba(60, 60, 60, 0.3); background-color: #ffffff; margin: 0 auto; font-size: 20px; line-height: 1.4; font-family: 'RaananSuperLight'; }
.content-page-wrapper h1, .content-page-wrapper h2 { font-size: 48px; margin-bottom: 20px; margin-top: 0; }
.content-page-wrapper p { font-size: 20px; margin-top: 0px; margin-bottom: 0px; line-height: 1.4; font-size:110%;}
.content-page-wrapper p strong { font-weight: 700; }
.content-page-wrapper ul { margin: 0; padding-right: 40px; }
.content-page-author { margin-bottom: 20px; }
.content-page-container.container { padding: 45px 15px; }

.bottom-buttons > ul { list-style: none; margin: 15px 0 0; padding: 0; display: block; text-align: center; }
.bottom-buttons > ul > li { display: inline-block; margin: 0 10px 15px; }
.bottom-buttons > ul > li > a { min-width: 195px; height: 40px; border-radius: 3px; padding: 4px 20px; background-color: #e7e7e7; color: #9c268f; font-size: 22px; display: block; }
.bottom-buttons > ul > li > a:hover { text-decoration: none; }

body.modal-open { overflow: hidden; padding: 0 !important; }

@media(max-width: 767px) {
    .page-top-bg { height: 400px; }
    .page-banner { padding-top: 45px; }
    .content-page-container.container { padding: 30px 15px; }
    .content-page-wrapper { padding: 30px 45px; }
        .content-page-wrapper p { font-size:100%;}
}

@media(max-width: 480px) {
    .page-banner-content h1, .page-banner-content h2 { font-size: 225%; line-height: 1; }
    .content-page-wrapper { padding: 30px; }
}